import AppIcon from '@/components/application/src/AppIcon.vue'
export interface MenuModel {
  title: string
  icon?: (className: string, isActive?: boolean) => JSX.Element
  name: string
  children?: MenuModel[]
}

export const menus: MenuModel[] = [
  {
    title: '证书管理',
    name: 'Cert',
    icon: (className: string) => <AppIcon name="domain" class={className} />
  },
  {
    title: '域名管理',
    name: 'Domain',
    icon: (className: string) => <AppIcon name="domain" class={className} />,
    children: [
      { title: '域名列表', name: 'DomainList' },
      { title: '分组管理', name: 'DomainGroup' }
    ]
  },
  {
    title: '个人中心',
    name: 'Personal',
    icon: (className: string) => (
      <AppIcon name="user-center" class={className} />
    )
  }
]
